<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登陆界面1</title>
	<link rel="stylesheet" href="index.css">

	<script src="jquery-1.12.4.min.js"></script>
	<script>
		$(function(){
			$(".com").mouseover(function(){
				$(".bz").css("animation","myfirst 0.3s linear forwards")
			}).mouseleave(function(){
				$(".bz").css("animation","myfirst1 0.3s linear forwards")
			})
			
		})
	</script>
</head>
<body>
	<div class="bz"></div>
	<div class="com">
		<div class="logo">
			<img src="books.svg" alt="">
		</div>
		<form>
			<input type="text" placeholder="用户名"/>
			<input type="password" placeholder="密码">
			<button type="submit">Login</button>
		</form>
	</div>
</body>
</html>